<!-- 加载静态资源，如：CSS文件、JS文件等 --> 

{% extends "blog/base.html" %}
{% load blog_tags %} 
{% load static %}
<!DOCTYPE html>
<html> 
 <head> 
  <!-- 将可能变化的标题变为可替换的标题块 --> 
  <title>>{% block title %}My Blog{% endblock %}</title> 
  <!-- 加载静态资源blog.css --> 
  <link href="{% static 'css/blog.css' %}" rel="stylesheet"> 
 </head> 
 <body> 
  <!-- 将可能变化的内容变为可替换的内容块，并添加id--> 
  <div id="content"> 
    {% block content %} 
    <h1>My Blog</h1>
    <!-- 如果要根据标签过滤显示文章则显示此信息 --> 
    {% if tag %} 
     <h2>Posts tagged with "{{ tag.name }}"</h2> 
    {% endif %} 
     
    {% for post in posts %} 
     <h2><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h2> 
     
     <!-- 显示此文章所有标签 --> 
     <p class="tags"> 
     Tags: 
     {% for tag in post.tags.all %} 
     <!-- 每个标签都是一个链接，点击即可过滤含有此标签的文章进行显示 --> 
     <a href="{% url "blog:post_list_by_tag" tag.slug %}"> 
     {{ tag.name }} 
     </a> 
     <!-- 若不是最后一个标签显示逗号 --> 
     {% if not forloop.last %}, {% endif %} 
     {% endfor %} 
     </p> 
     
     <p class="date">Published {{ post.publish }} by {{ post.author }}</p> 
     <p>{{ post.body|markdown|truncatewords_html:30 }}</p> 
    {% endfor %} 
    <!-- 引入分页模板 --> 
    {% include "pagination.html" with page=posts %} 
    {% endblock %} 
 </div> 
  <!-- 增加侧边栏块 --> 
  <div id="sidebar"> 
    <h2>My blog</h2> 
    <p>This is my blog.</p> 
  </div> 
 </body>
</html>

